<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网约车系统</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
<h1>网约车系统</h1>
<div class="main-buttons">
    <button onclick="showPage('passenger-order')">乘客下单</button>
    <button onclick="showPage('driver-join')">司机加盟申请</button>
    <button onclick="showPage('search-order')">搜索订单</button>
</div>
<div id="passenger-order" class="page" style="display: none;">
    <h2>乘客下单</h2>
    <label for="start-lat">起点纬度：</label>
    <input type="text" id="start-lat"><br>
    <label for="start-lng">起点经度：</label>
    <input type="text" id="start-lng"><br>
    <label for="end-lat">终点纬度：</label>
    <input type="text" id="end-lat"><br>
    <label for="end-lng">终点经度：</label>
    <input type="text" id="end-lng"><br>
    <label for="order-type">车型选择：</label>
    <select id="order-type">
        <option value="1">经济型</option>
        <option value="2">专车</option>
        <option value="3">自动驾驶</option>
    </select><br>
    <button onclick="createOrder()">下单</button>
    <div id="order-result"></div>
    <button onclick="showPage('main')">返回主界面</button>
</div>
<div id="driver-join" class="page" style="display: none;">
    <h2>司机加盟申请</h2>
    <label for="driver-name">司机姓名：</label>
    <input type="text" id="driver-name"><br>
    <label for="license-number">驾驶证编号：</label>
    <input type="text" id="license-number"><br>
    <label for="vehicle-license-plate">车辆牌照：</label>
    <input type="text" id="vehicle-license-plate"><br>
    <label for="model">车辆型号：</label>
    <input type="text" id="model"><br>
    <label for="type">车辆运营类型：</label>
    <select id="type">
        <option value="ECONOMY">经济型</option>
        <option value="LUXURY">专车</option>
    </select><br>
    <label for="seats">座位数：</label>
    <input type="number" id="seats"><br>
    <label for="can-carpool">是否可以拼车：</label>
    <input type="checkbox" id="can-carpool"><br>
    <button onclick="applyForJoining()">申请</button>
    <div id="join-result"></div>
    <button onclick="showPage('main')">返回主界面</button>
</div>
<div id="search-order" class="page" style="display: none;">
    <h2>搜索订单</h2>
    <label for="order-id">订单编号：</label>
    <input type="text" id="order-id"><br>
    <button onclick="viewOrderStatus()">查询</button>
    <div id="order-status-result"></div>
    <button onclick="showPage('main')">返回主界面</button>
</div>

<script src="script.js"></script>
</body>

</html>